<template>
  <view class="purchanse-list">
    <view class="p-item" @tap="nav('/subpackage/order/pages/purchanse/list')">
      <view class="l-p-item">
        <icon class="iconfont my-purchanse">&#xe608;</icon>
        <view class="title">我的订单</view>
      </view>
      <view class="r-p-item">
        <icon class="iconfont">&#xe641;</icon>
      </view>
    </view>
    <view class="p-item" @tap="nav('/subpackage/order/pages/revert-form/list')">
      <view class="l-p-item">
        <icon class="iconfont revert-form">&#xe679;</icon>
        <view class="title">公司调换货</view>
      </view>
      <view class="r-p-item">
        <icon class="iconfont">&#xe641;</icon>
      </view>
    </view>
    <view class="p-item" @tap="nav('/subpackage/order/pages/shop-swap-form/list')">
      <view class="l-p-item">
        <icon class="iconfont shop-swap-form">&#xe606;</icon>
        <view class="title">店与店换货</view>
      </view>
      <view class="r-p-item">
        <icon class="iconfont">&#xe641;</icon>
      </view>
    </view>
    <view class="p-item" @tap="nav('/subpackage/order/pages/purchanse/cancel/list?type=1')">
      <view class="l-p-item">
        <icon class="iconfont abnormal">&#xe674;</icon>
        <view class="title">异常订单</view>
      </view>
      <view class="r-p-item">
        <icon class="iconfont">&#xe641;</icon>
      </view>
    </view>
    <view class="p-item" @tap="nav('/subpackage/order/pages/purchanse/cancel/list?type=2')">
      <view class="l-p-item">
        <icon class="iconfont cancel">&#xe624;</icon>
        <view class="title">废弃订单</view>
      </view>
      <view class="r-p-item">
        <icon class="iconfont">&#xe641;</icon>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data () {
    return {}
  },
  methods: {
  }
}
</script>

<style lang="less">
page {
  background-color: #f7f7f7;
  .purchanse-list {
    .p-item {
      height: 100rpx;
      padding: 0 20rpx;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1rpx solid #f8f8f8;
      background-color: #ffffff;
      .l-p-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        .iconfont {
          width: 45rpx;
          height: 100rpx;
          line-height: 100rpx;
          font-size: 47rpx;
        }
        .title {
          height: 100rpx;
          margin-left: 18rpx;
          line-height: 100rpx;
          font-size: 30rpx;
        }
      }
    }
  }
}
</style>
